<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>样式表</title>
		<!--引入外部样式-->
		<link rel="stylesheet" href="css/my.css" />
	 
		<style>
		      body{
		      	  color: blanchedalmond;
		      	  background-color: gray;
		      }
			  h1{
			  	 background-color: yellow;
			  	 color: red;
			  }
			
			  div{
			  	width: 200px;
			  	height: 200px;
			  	border: 1px solid red;
			 /* 	background: -webkit-linear-gradient(
			  	top,white,red,skeyblue);*/
			  	background: -moz-linear-gradient(top, red, blue);
			  }
		</style>
	</head>
	<body>
		<!--
        	 CSS : Cascading Style Sheet  层叠样式表  
        	       层叠：  一个元素可以将样式叠加显示
        	  
        	 分类：
        	 	 1、 行内样式      使用style="样式名称：值;样式名称:值"   优先级最高，但是样式代码重复冗余
        	 	 
        	 	 2、内部样式：  在网页中通过  style标签设置 
        	 	 
        	 	 3、外部样式：  常用
        	 	    <link rel="stylesheet" src=""/>
        	 	   
        	 	    
        	 	 
        	 注意: 如果一个元素设置多个样式，首先会叠加，设置重复的样式，以最后一次设置为准 ，
        	 	 优先级     行内样式 》  内部样式  》 外部样式
        -->
		
		<p style="font-size: 18px;color: red;" >hello</p>
		
		<h1>h1标签</h1>
		<h1>h1标签</h1>
		<h1>h1标签</h1>
		
		<span>span标签</span>
		
		<ul>
			<li>首页</li>
			<li>商品管理</li>
			<li>用户管理</li>
			<li>新闻管理</li>
		</ul>
		<div>
			渐变背景
		</div>
	</body>
</html>
